<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <link href="css/clockpicker.min.css" rel="stylesheet" />
    <script type="text/javascript" src="js/jquery-1.11.3.js"></script>
    <script type="text/javascript" src="js/simple-selector.js"></script>
    <script type="text/javascript" src="js/clockpicker.min.js"></script>
    <style type="text/css">
        ul,ol{
            list-style: none;
            padding: 0px;
            margin: 0px;
        }
        
        .simple-select{
            padding: 5px;
            line-height: 30px;
            font-size: 20px;
            border-radius: 5px;
            display: inline-block;
            background-color:#e0e0e0;
        }
        .simple-select li{
            float: left;
            border-radius: 5px;
            font-size:20px;
            margin-left: 10px;
        }
        .simple-select li:first-child{
            margin-left: 0px;
        }

        .simple-select li.option{
            padding: 0px 40px;
        }

        .simple-select li.selected{
            background-color: #00a1cf;
            color: #FFFFFF;
        }

        .simple-select li.custom-option{
            padding: 0px;
        }

        .simple-select input.user-input{
            border: 0px;
            height: 20px;
            line-height: 20px;
            width: 80px;
            vertical-align: top;
            text-align: center;
            font-size: 20px;
            padding: 5px;
            border-radius: 5px;;
        }
        .simple-select .selected input.user-input{
            background-color: #00a1cf;
            color: #FFFFFF;
        }

        .simple-select .selected input::-webkit-input-placeholder{
            color: rgba(255,255,255, 0.4);
        }
        

    </style>
</head>
<body>
<input  class="clock-selector" />
<div class="selector-box"></div>
<script type="text/javascript">
    $(".selector-box").simpleSelector({
        options:[5, 10, 15]
    });


    $('.clock-selector').clockpicker({
        autoclose:true
    });


</script>
</body>
</html>